<script setup>
// 定义接收props
const { title } = defineProps({
    title: {
        type: String,
        default: 'default title'
    },
    showIcon: {
        type: Boolean,
        default: true
    },
    showMore: {
        type: Boolean,
        default: true
    }
});

</script>

<template>
    <div class="py-8 px-7 bg-[#fff] rounded-[8px]">
        <div class="flex">
            <span v-if="showIcon" class="w-1 h-[15px] bg-theme inline-block align-middle mt-[5px]">
            </span>
            <div class="w-full text-base text-theme ml-1 flex justify-between">
                <span>
                    {{ title }}
                </span>
                <span v-if="showMore" class="relative text-[#9EA6B1] text-xs inline-block leading-6 click">
                    更多
                    <img class="absolute -right-[10px] center-pos-y" src="/svg/more-right.svg" alt="">
                </span>
            </div>
        </div>
        <slot/>
    </div>
</template>